import React from 'react'

import styles from './index.scss'

const Card = ({ cluster, component = {} }) => {
  return (
    <div className={styles.card} data-test="service-component">
      <div className={styles.sheetPng}>
        <div>
          <img src={component.imgPath} />
        </div>
        <div>{component.startedAt}</div>
      </div>
      <div className={styles.sheetContainer}>
        <div className={styles.sheetContent}>
          <div>资源扩充申请</div>
          <div>{component.channel}</div>
          <div>{component.namespace}</div>
        </div>
        <div className={styles.statusContainer}>
          {component.status && component.status === 1 ? (
            <div className={styles.dealingStatus}>处理中</div>
          ) : (
            <div className={styles.finishStatus}>已完成</div>
          )}
        </div>
      </div>
    </div>
  )
}

export default Card
